export function PoofSprite1() {
	return <BasePoofSprite frame={0} />
}

export function PoofSprite2() {
	return <BasePoofSprite frame={1} />
}

export function PoofSprite3() {
	return <BasePoofSprite frame={2} />
}

export function PoofSprite4() {
	return <BasePoofSprite frame={3} />
}

export function BasePoofSprite({ frame }: { frame: number }) {
	return (
		<>
			<path
				d="M62.9142 7.50725C47.776 5.4738 42.8365 17.861 42.8365 17.861C42.8365 17.861 28.425 13.0286 19.0458 23.6599C9.66655 34.2913 13.5053 44.4027 13.5053 44.4027C13.5053 44.4027 7.25775 48.2939 7.2483 54.7809C7.23886 61.2678 13.5053 65.965 13.5053 65.965C13.5053 65.965 7.40034 76.0657 16.9684 86.5815C26.5364 97.0974 40.4627 94.8099 40.4627 94.8099C40.4627 94.8099 44.8861 101.91 56.7044 100.544C68.5226 99.1774 73.6957 89.076 73.6957 89.076C73.6957 89.076 81.2427 92.0128 86.7144 87.6793C92.1862 83.3459 92.1862 76.5761 92.1862 76.5761C92.1862 76.5761 100.752 71.6368 100.752 59.772C100.752 47.9071 91.6873 44.4027 91.6873 44.4027C91.6873 44.4027 98.0641 35.2953 91.9526 28.2522C85.8412 21.2092 78.7989 24.1438 78.7989 24.1438C78.7989 24.1438 78.0524 9.5407 62.9142 7.50725Z"
				stroke="var(--tl-color-fairy-dark)"
				strokeWidth="5"
				strokeLinecap="round"
				strokeLinejoin="round"
				fill="var(--tl-color-fairy-light)"
				transform={`rotate(${(frame % 2) * 4} 54 54)`}
			/>
			<path
				d="M32.6641 30.4729C32.6767 29.7734 33.5896 29.5163 34.0274 30.089L37.1659 34.1941C37.3625 34.4513 37.6999 34.5656 38.007 34.4792L43.1153 33.0404C43.8269 32.8399 44.4126 33.6677 43.9546 34.2268L40.8133 38.0614C40.6026 38.3185 40.6019 38.6885 40.8115 38.9627L43.8536 42.9418C44.2986 43.5239 43.7464 44.2928 43.0426 44.0711L37.852 42.4361C37.5531 42.3419 37.2327 42.4322 37.0427 42.664L33.7447 46.6899C33.2975 47.2359 32.3704 46.8836 32.3832 46.1726L32.4702 41.3121C32.4761 40.9772 32.2495 40.6713 31.9179 40.5668L26.974 39.0095C26.2533 38.7825 26.2323 37.7956 26.944 37.5952L32.0522 36.1564C32.3593 36.0699 32.5688 35.8015 32.5744 35.4873L32.6641 30.4729Z"
				fill="var(--tl-color-fairy-dark)"
			/>
			<path
				d="M66.8996 78.2637C67.6365 78.3968 67.768 79.3987 67.0865 79.6886L63.5129 81.2091C63.2096 81.3381 63.0313 81.6517 63.0744 81.9803L63.5617 85.6933C63.6542 86.3986 62.8024 86.8063 62.2916 86.3012L59.4243 83.4657C59.2035 83.2475 58.8739 83.1827 58.5926 83.3024L54.851 84.8943C54.1804 85.1796 53.5219 84.4294 53.8984 83.8093L55.7976 80.6815C55.976 80.3876 55.9259 80.0063 55.6766 79.7598L53.0227 77.1354C52.4964 76.615 52.9421 75.7428 53.6673 75.8738L57.7137 76.6046C58.0179 76.6596 58.3214 76.5248 58.4793 76.2647L60.5311 72.8854C60.8967 72.2834 61.8296 72.4938 61.9221 73.1991L62.4094 76.912C62.4525 77.2407 62.7068 77.5064 63.0348 77.5657L66.8996 78.2637Z"
				fill="var(--tl-color-fairy-dark)"
			/>
			<path
				d="M84.6207 50.5332C85.1919 50.0731 86.0354 50.5334 85.868 51.2138L85.5104 52.6667C85.4354 52.9717 85.5748 53.2806 85.8571 53.4346L87.1929 54.1635C87.8372 54.515 87.5842 55.4508 86.8275 55.5149L85.3472 55.6402C85.0032 55.6694 84.713 55.9071 84.6351 56.2236L84.2986 57.5911C84.1296 58.2777 83.1294 58.3954 82.8333 57.7635L82.1863 56.3827C82.0577 56.1084 81.757 55.9443 81.433 55.9717L79.8024 56.1099C79.0562 56.1731 78.6909 55.3103 79.2673 54.8459L80.4152 53.9212C80.6809 53.7071 80.7697 53.3595 80.6333 53.0682L80.0459 51.8147C79.7457 51.174 80.5203 50.5228 81.1646 50.8744L82.5005 51.6032C82.7827 51.7572 83.145 51.7221 83.4011 51.5158L84.6207 50.5332Z"
				fill="var(--tl-color-fairy-dark)"
			/>
			<path
				d="M28.7499 47.3035C29.3211 46.8434 30.1646 47.3036 29.9972 47.984L29.6396 49.4369C29.5646 49.742 29.704 50.0509 29.9863 50.2049L31.3221 50.9338C31.9664 51.2853 31.7134 52.221 30.9567 52.2851L29.4764 52.4105C29.1324 52.4396 28.8422 52.6774 28.7643 52.9939L28.4278 54.3614C28.2589 55.048 27.2586 55.1657 26.9625 54.5338L26.3155 53.153C26.1869 52.8786 25.8863 52.7146 25.5622 52.742L23.9316 52.8801C23.1854 52.9433 22.8201 52.0805 23.3965 51.6162L24.5444 50.6914C24.8101 50.4774 24.899 50.1298 24.7625 49.8385L24.1751 48.585C23.8749 47.9442 24.6495 47.2931 25.2938 47.6446L26.6297 48.3735C26.9119 48.5275 27.2742 48.4923 27.5303 48.286L28.7499 47.3035Z"
				fill="var(--tl-color-fairy-dark)"
			/>
		</>
	)
}
